<%@ page language="java" pageEncoding="utf-8" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <script type="text/javascript" src="../js/jquery-2.1.1.min.js"></script>
    <style type="text/css">
        html,body{
            margin:0px;
            padding:0px;
            border:0px;
            width:100%;
            height:100%;
        }
        body{
            background:url("/images/background3.jpg") repeat;
        }
        #previewDiv{
            margin:0 auto;
            width:60%;
            background-color: #ffffff;
            padding: 20px;
            -webkit-border-radius:15px;
            -moz-border-radius:15px;
            border-radius:15px;
            min-height: 600px;
        }
        .line-sp{
            height:20px;
            width:100%;
        }
    </style>
</head>
<body>
    <div class="line-sp"></div>
    <div id="previewDiv"></div>
</body>
<script type="text/javascript">
    var url = '<%=request.getParameter("loadUrl")%>';
    var docId = '<%=request.getParameter("docId")%>';
    $.post(url,{'docId':docId},function(result){
            $("#previewDiv").html(result);
        });
    $(function(){
        var random = Math.floor(Math.random()*10);
        $("body").attr("style",'background:url("/images/background'+random+'.jpg") repeat');
    });
</script>
</html>